<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>screen 和 navigator</h1>
    <hr>

    <script>
        console.dir(window.screen);
        console.log(screen.width);
        console.log(screen.height);

        console.dir(window.navigator);

        console.log('浏览器的平台和版本信息:' + navigator.appVersion);

        console.log('浏览器发送给服务器的user-agent 头信息:' +navigator.userAgent);


        var browser = {
            vaersions: (function(){
                var u = navigator.userAgent;
                var app = navigator.appVersion;
                return{
                    trident: u.indexOf('Trident')    > -1,      //IE内核
                    presto : u.indexOf('Presto')    > -1,      //Opera内核
                    webKit : u.indexOf('AppleWebKit') > -1,       //苹果谷歌内核
                    gecko : u.indexOf('Gecko')   > -1 && u.indexOf('KHTML') ==-1,    // 火狐内核

                    mobile : !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/),  //是否为移动端

                    ios   : !!u.match(/\(i[^;]+;(U;)? CPU.+Mac OS X/),    //ios终端

                    android: u.indexOf('Android')  > -1 || u.indexOf('Linux')  > -1,       // android终端 或 uc浏览器

                    iPhone : u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,             //是否为iPhone 或 QQHD浏览器

                    iPad : u.indexOf('iPad')     > -1,           //是否为iPad

                    webApp : u.indexOf('Safari')     == -1    // 是否为web应用程序,没有头部和底部
                };
            })()
        }

        document.write('是否为移动端:' + browser.versions.mobile + '<br>');

        document.write('是否为ios端:' + browser.versions.ios + '<br>');

        document.write('是否为android终端:' + browser.versions.android + '<br>');

        document.write('是否为chrome浏览器:' + browser.versions.wenKit + '<br>');
        document.write('是否为FireFox浏览器:' + browser.versions.gecko + '<br>');



    </script>
</body>
</html>